header{
position:relative;
background:#fff;
color:#666;
font-size:14px;
line-height:1.5em;
z-index:20;
}
.header-top{
position:relative;
font-size:12px;
height:29px;
line-height:29px;
border-bottom:1px solid #e5e5e5;
background-color:#f2f2f2;
}
.top-inner{
width:1168px;
margin: 0 auto;
}
.inner-left{
float:left;
display:inline-block;
}
.inner-left a{
color:#666;
}
.inner-left a i{
color:#fa4b9b;
margin-right:.2em;
}
.inner-right{
position:relative;
float:right;
padding-right:5px;
}
.inner-right span{
margin:0 10px;
float:left;
}
.inner-right ul{
overflow:hidden;
}
.inner-right ul li{
float:left;
margin: 0 10px;
position:relative;
}
.inner-right ul li:nth-of-type(1):after{
content:"";
display:block;
width:1px;
height:11px;
background:#d7d7d7;
position:absolute;
top:9px;
right:-10px;
}
.inner-right ul li a{
color:#666;
}
.header-middle{
width:1061px;
margin: 0 auto;
padding:20px 0 25px 0;
position:relative;
overflow:hidden;
}
.header-middle h1{
margin-top:10px;
float:left;
}
.middle-right{
float:right;
width:454px;
height:80px;
}
.middle-right ul{
overflow:hidden;
background:url("./../images/cart_step_ff.png") no-repeat;
margin-top:30px;
width:435px;
height:42px;
line-height:42px;
}
.middle-right ul li{
float:left;
width:144px;
text-align:center;
color:#666;
}
.middle-right ul li.current{
color:#fff;
}
.shopping_cart{
width:1061px;
margin: 0 auto;
}
.cart_top{
border-bottom:2px solid #eaeaea;
margin: 10px 10px 0;
}
.cart_top span{
display:inline-block;
border-bottom:2px solid #fa4b9b;
padding-bottom:10px;
padding-right:10px;
color:#333;
font-size:24px;
position:relative;
top:2px;
}
.cart_menu{
padding:15px;
overflow:hidden;
}
.choose{
padding:2px 0;
width:87px;
text-align:left;
margin-left:20px;
float:left;
}
.check{
background:url("./../images/checkbox.png") no-repeat 0 0;
width:23px;
height:22px;
display:inline-block;
}
.checked{
background:url("./../images/checkbox.png") no-repeat 0 -178px;
}
.check input{
opacity:0;
width:100%;
height:100%;
vertical-align:middle;
}
.choose label{
font-size:12px;
color:#666;
}
.product,.price,.quantity,.summery,.operate{
float:left;
text-align:center;
padding:2px 0;
font-size:12px;
color:#666;
}
.product{
width:280px;
}
.price,.quantity,.summery,.operate{
width:113px;
border-left:1px solid #ddd;
}
.cart_list{
margin: 0 15px;
font-size:12px;
color:#666;
border: 1px solid #ededed;
}
.list_top{
padding:14px 26px 14px 20px;
background:#fafafa;
line-height:20px;
width:100%;
margin: 0;
overflow:hidden;
}
.list_top .check{
float:left;
margin-right:5px;
}
.list_top h3{
float:left;
font-size:18px;
color:#333;
}
.list_detail{
font-size:12px;
color:#666;
padding:12px 0 12px 20px;
overflow:hidden;
margin-top:28px;
}
.detail_input{
float:left;
margin-top:30px;
margin-right:15px;
}
.detail_img{
float:left;
width:78px;
height:78px;
border:1px solid #ddd;
margin-right:15px;
}
.detail_img img{
width:100%;
height:100%;
}
.description{
float:left;
width:240px;
line-height:16px;
}
.description p:nth-of-type(1){
margin-top: 3px;
height:32px;
margin-bottom:6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.description p:nth-of-type(1) a{
color:#333;
}
.description p:nth-of-type(1) a:hover{
color:#fa4b9b;
}
.description p:nth-of-type(2){
color:#adadad;
}
.detail_price,.detail_num{
float:left;
width:115px;
text-align:center;
margin-top:3px;
}
.detail_price .new{
color:#333;
margin-bottom:10px;
}
.detail_num{
/*position:relative;*/
height:22px;
line-height:22px;
border:1px solid #e2e2e2;
width:77px;
background:#fff;
margin: 3px 19px 0;
}
.jian{
display:inline-block;
float:left;
width:22px;
height:22px;
cursor:pointer;
border-right: 1px solid #e2e2e2;
background:url("./../images/jiajian.png") no-repeat 0 -22px;
}
.number{
float:left;
width:28px;
height:22px;
overflow:hidden;
text-align:center;
line-height:22px;
}
.jia{
display:inline-block;
float:left;
width:22px;
height:22px;
cursor:pointer;
border-left: 1px solid #e2e2e2;
background:url("./../images/jiajian.png") no-repeat -22px -22px;
}
.total{
float:left;
width:115px;
text-align:center;
margin-top:3px;
color:#ff69b4;
}
.detail_operate{
float:left;
width:48px;
text-align:center;
margin-top:3px;
margin-left:30px;
}
.delete a{
color:#666;
}
.delete a:hover{
color:#ff69b4;
}
.cashier{
height:60px;
margin: 50px 15px 30px;
border:1px solid #ddd;
position: relative;
}
.cashier_left{
margin-left:20px;
line-height:58px;
position: absolute;
}
.cashier .cashier_left a{
color:#666;
font-size:12px;
padding-left:5px;
}
.cashier .cashier_left a:hover{
color:#ff69b4;
}
.newCart{
margin-left:490px;
line-height:18px;
padding-top:6px;
margin-top:15px;
font-weight:700;
color:#333;
font-size:12px;
display:inline-block;
}

.newCart b{
font-size: 18px;
color: #fa4b9b;
font-weight: 400;
vertical-align: top;
}
.btnjiesuan{
display:inline-block;
background-color: #666;
cursor: not-allowed;
border: 1px solid #666;
color:#fff;
text-align:center;
line-height:56px;
font-size:19.5px;
float: right;
padding:0 19px;
}


/*空购物车*/
.empty_cart{
width:1000px;
margin: 0 auto;
background:#fff;
}
.empty{
height:240px;
padding:80px 50px 80px 230px;
background:url("./../images/empty_icon.jpg") no-repeat 120px 75px;
font-size:12px;
color:#666;
}
.empty .f30{
font-size:30px;
padding-bottom:20px;
color:#ccc;
font-family: \5FAE\8F6F\96C5\9ED1;
}
.empty p a{
font-size:14px;
font-weight:bold;
color:#f450a2;
}



/*footer*/
.footer{
font-size:12px;
width:100%;
background:#fff;
border-top:1px solid #dfdfdf;
}
.footer_gen{
width:1168px;
margin: 0 auto;
padding:20px 0 15px 0;
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
border-bottom:1px solid #f2f2f0;
}
.footer_gen a{
float:left;
text-align:center;
width:167px;
color:#999;
font-size:12px;
line-height:1.4;
}
.footer_gen a:nth-of-type(1) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat 0 0;
}
.footer_gen a:nth-of-type(2) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -60px 0;
}
.footer_gen a:nth-of-type(3) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -120px 0;
}
.footer_gen a:nth-of-type(4) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -180px 0;
}
.footer_gen a:nth-of-type(5) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -240px 0;
}
.footer_gen a:nth-of-type(6) i{
display:inline-block;
width:60px;
height:60px;
background:url("../images/splite.png") no-repeat -300px 0;
}
.footer_gen a h5{
font-size:15px;
margin-top:5px;
color:#333;
font-weight:bold;
}
.footer_h_c{
padding-top:18px;
border-bottom:1px solid #f2f2f0;
width:100%;
}
.footer_help{
width:1000px;
margin:0 auto;
overflow:hidden;
}
.help_l{
float:left;
margin-right:15px;
overflow:hidden;
}
.help_l dl{
width:132px;
float:left;
padding-left:10px;
}
.help_l dl dt{
font-size:14px;
color:#333;
margin-bottom:10px;
font-weight:bold;
height:26px;
line-height:26px;
}
.help_l dl dd{
height:26px;
line-height:26px;
}
.help_l dl dd a{
font-size:12px;
color:#666;
}
.help_l .contact{
width:200px;
}
.help_r{
float:right;
margin-right:40px;
border-left: 1px solid #f2f2f0;
width:205px;
height:168px;
padding-left:18px;
position:relative;
}
.help_r h3{
font-size:14px;
font-weight:bold;
padding-bottom:8px;
height:34px;
line-height:26px;
}
.help_r a{
position:relative;
float:left;
width:76px;
}
.help_r img:nth-of-type(1){
float:left;
margin-right:7px;
}
.wx_code{
position:absolute;
top: -55px;
left: -185px;
display:none;
}
.footer_link{
width:1061px;
margin: 0 auto;
padding-top:15px;
color:#979797;
line-height:22px;
text-align:center;
}
.footer_link p:nth-of-type(1){
padding-bottom:10px;
color:#979797;
}
.footer_link p:nth-of-type(1) a{
padding:0 10px;
color:#666;
}
.footer_link ul{
overflow:hidden;
margin: 0 auto;
width:262px;
padding:10px 0;
}
.footer_link ul li{
float:left;
}


/*rightbar*/
.rightbar{
display:none;
position:fixed;
bottom:100px;
left: 50%;
margin-left: 618px;
z-index:99;
}
.rightbar ul{
width:54px;
border-radius:5px 5px 0 0;
border:1px solid #e6e6e6;
text-align:center;
font-size:12px;
}
.rightbar ul li{
border-radius:5px 5px 0 0;
padding:7px 0 2px 0;
border-bottom:1px solid #e6e6e6;
background:#fff;
}
.rightbar ul li a{
color:#666;
}
.rightbar ul li i{
display:block;
color:#fa4b9b;
width:28px;
height:28px;
line-height:28px;
font-size:22px;
margin:0 auto;
}
.rightbar_wx{
position:absolute;
bottom:30px;
right:97px;
width: 157px;
height: 193px;
background:url("../images/wx_sidebar.png");
}
.wx:hover .move{
right:55px;
transition:right .7s ease;
visibility: visible;
}
.move{
visibility: hidden;
}
.top{
background:#fa4b9b;
color:#fff;
border-radius:0 0 5px 5px;
height:28px;
font-size:15px;
text-align:center;
line-height:28px;
cursor:pointer;
}


/*leftbar*/
.leftbar{
display:none;
position:fixed;
right: 50%;
margin-right: 582px;
bottom:100px;
z-index:99;
}


/*advertise*/
.advertise{
display:none;
height:22px;
line-height:22px;
width:40px;
background:#e0e0e0;
color:#fff;
position:fixed;
left: 50%;
margin-left: 618px;
bottom:10px;
text-align:center;
border-radius:2px;
z-index:99;
}